SwiftUI

您所在的位置:网站首页 swiftui 输入框 SwiftUI

SwiftUI

#SwiftUI| 来源: 网络整理| 查看: 265

在开发软件的过程中,我们不仅需要用户点击的时候执行操作,有时候还需要定时自动进行一些操作。比如最常见的开屏广告倒计时关闭,还比如一些动画效果。实现这些一般有两种方法:一种是使用计时器Timer,一种是使用异步操作。

优势与缺点 计时器Timer是控制多长时间调用一次功能,也就是说Timer的优势在于可以一直自动运行,直到销毁。缺点在于时间间隔是固定的,不好调整(理论上可以使用一个变量控制间隔,但是可能会比较麻烦)。一般需要实现计时器功能的就选这个。异步操作是控制这个调用前需要等待多久。也就是说,异步的优势在于可以控制这个间隔的长度。缺点就是不方便一直运行。一般需要等一段时间运行就使用这个,例如加载素材、网络资源等;或者实现一些奇特的效果。 计时器Timer的使用方法

首先我们需要新建一个Timer,使用以下方法来创建。最后的.autoconnect()用于自动启动连接这个计时器,我们也可以使用.connect()来手动连接激活。

let timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()

这里介绍一下这几个参数:

every::这个参数用于控制Timer多久更新一次,单位是秒。这里的3表示3秒。on::这个表示什么时候寄激活这个Timer。这里的.main表示在主线程运行的时候开始激活(也就是app开始运行的时候就激活)。还有个.current表示在当前线程运行的时候激活(就是表示当前view界面显示的时候激活)。这里最好不要在一个线程激活另一个线程上的计时器,这可能会导致错误的结果。in::这个是Timer的循环模式。有.common、.default和.tracking。.common包含一个或多个其他运行循环模式的伪模式,使用此模式将对象添加到运行循环时,运行循环在任何常见模式下运行时都会监控对象。有关向公共模式集添加运行循环模式的详细信息,请参阅CFRunMode。.default设置为处理连接对象以外的输入源的模式,是最常用的运行循环模式。.tracking在控件中跟踪时设置的模式,可以使用此模式添加跟踪期间触发的计时器。

需要注意的是,如果是macOS开发,还会有两个多的模式:.eventTracking和.modalPanel。.eventTracking是以模态跟踪事件时设置的模式,例如鼠标拖动循环。.modalPanel是等待模态面板(如保存或打开面板)输入时设置的模式。

然后是关闭断开Timer,方法如下:

self.timer.upstream.connect().cancel()

Timer看起来很复杂,但是使用其实不用想那么多。接下来讲一讲创建完Timer之后如何使用。

在SwiftUI中,我们可以让视图在一些数据更改的时候进行一些操作,方法是使用.onReceive(),具体方法如下:

.onReceive(timer) { _ in print("计时器活动,加1秒") }

然后来写一个简单的计时器界面,从5开始倒计时,计时完之后再次循环:

struct TimerView: View { @State private var timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect() @State private var countNum = 5 var body: some View { Text("\(countNum)") .onReceive(timer) { input in if countNum > 0{ countNum -= 1 } else if countNum == 0{ countNum = 5 } } } } 异步操作DispatchQueue

接下来说一下异步操作DispatchQueue,这个也是很常用的,尤其是需要加载数据或者做效果、动画的时候,非常好用。

使用方法如下:

DispatchQueue.main.asyncAfter(deadline: .now() + .seconds(1), execute: { print("等待结束了!") })

介绍一下参数:

deadline::什么时候进行操作,这里的.now() + .seconds(1)表示当前时间开始等待1秒。execute::需要进行什么操作。

这个相对来说更简单一些,就不过多介绍了。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3